<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>满意度调查</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/ext.css" />
		<script type="text/javascript" src="js/echarts.min.js" ></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/lay-common.js" ></script>
	</head>
	<body>
		<div class="page">
			<div class="layui-row layui-col-space10">
				<!-- 第一列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs12">
							<div class="layui-box">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tydb">统一待办</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tzgg">通知公告</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick selected" data-target="xxtx">消息提醒</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-more"></div>
								</div>
								<div class="layui-box-content roll">
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
									<div class="layui-article-title">
										 <div class="title-icon"></div>
										 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
										 <div class="title-right">
										 	<div class="title-right-date">2024-10-10</div>
										 	<div class="title-right-depart">部门办理</div>
										 </div>
									</div>
									<div class="layui-article-content">
										<div class="article">
											我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
										</div>
										<div class="article-more">【详情】</div>
									</div>
								</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<!-- 服务区评价得分数 -->
							<div class="layui-box">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">服务区评价得分数</div>
									</div>
								</div>
								<div class="layui-box-content">
									<table class="layui-table layui-custom-color" lay-size="sm">
										<thead>
											<tr>
												<th>序号</th>
												<th style="width: 80px;">服务区</th>
												<th>总评分</th>
												<th>均分/人次</th>
												<th>卫生间</th>
												<th>环境卫生</th>
												<th>停车</th>
												<th>服务态度</th>
												<th>开水间</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>2</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>3</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>4</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>5</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>6</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>7</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>8</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
											<tr>
												<td>9</td>
												<td>滦州服务区</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
												<td>100</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 第二列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<!-- 评价数据 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">评价数据</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-flow-module">
										<div class="layui-flow-module-text">评价量</div>
										<div class="layui-flow-module-items">
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
										</div>
										<div class="layui-flow-module-text-r">次</div>
									</div>
									<div class="layui-col-xs12 column-x10">
										<div class="layui-col-xs4 column-x2">
											<div class="layui-sq-bg">
												<div class="text-b">132</div>
												<div class="text">非常满意</div>
											</div>
										</div>
										<div class="layui-col-xs4 column-x2">
											<div class="layui-sq-bg">
												<div class="text-b">132</div>
												<div class="text">满意</div>
											</div>
										</div>
										<div class="layui-col-xs4 column-x2">
											<div class="layui-sq-bg">
												<div class="text-b">132</div>
												<div class="text">一般</div>
											</div>
										</div>
										<div class="layui-col-xs4 column-x2">
											<div class="layui-sq-bg">
												<div class="text-b">132</div>
												<div class="text">不满意</div>
											</div>
										</div>
										<div class="layui-col-xs4 column-x2">
											<div class="layui-sq-bg">
												<div class="text-b">132</div>
												<div class="text">很不满意</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 当月任务完成率 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">年度评价项目得分</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="column-x12 padding12">
										<div class="column-x6">
											<div class="column-x3-chart" id="ndpjxmdf1"></div>
											<div class="column-x3-chart-text" id="ndpjxmdf1Rate"></div>
											<div class="column-x3-chart-text" id="ndpjxmdf1Zone"></div>
										</div>
										<div class="column-x6">
											<div class="column-x3-chart" id="ndpjxmdf2"></div>
											<div class="column-x3-chart-text" id="ndpjxmdf2Rate"></div>
											<div class="column-x3-chart-text" id="ndpjxmdf2Zone"></div>
										</div>
									</div>
									<div class="column-x12">
										<div class="column-x4">
											<div class="column-x2-chart" id="ndpjxmdf3"></div>
											<div class="column-x2-chart-text" id="ndpjxmdf3Rate"></div>
											<div class="column-x2-chart-text" id="ndpjxmdf3Zone"></div>
										</div>
										<div class="column-x4">
											<div class="column-x2-chart" id="ndpjxmdf4"></div>
											<div class="column-x2-chart-text" id="ndpjxmdf4Rate"></div>
											<div class="column-x2-chart-text" id="ndpjxmdf4Zone"></div>
										</div>
										<div class="column-x4">
											<div class="column-x2-chart" id="ndpjxmdf5"></div>
											<div class="column-x2-chart-text" id="ndpjxmdf5Rate"></div>
											<div class="column-x2-chart-text" id="ndpjxmdf5Zone"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 综合评分年度对比 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">综合评分年度对比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="zhpfnddb"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 第三列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<!--  -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">服务区得分排行</div>
									</div>
									<div class="layui-box-title-right">
										<div class="nav-items" data-target="fwqdfph">
											<div class="nav-item selected" data-target="1">前10</div>
											<div class="nav-item" data-target="2">后10</div>
										</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart-navs" data-target="fwqdfph" style="top: -10px;">
										<div class="chart-nav" data-type = "0"><span>开水间</span></div>
										<div class="chart-nav" data-type = "1"><span class="selected">停车</sapn></div>
										<div class="chart-nav" data-type = "2"><span>服务态度</span></div>
										<div class="chart-nav" data-type = "3"><span>卫生间</span></div>
										<div class="chart-nav" data-type = "4"><span>广区环境</span></div>
									</div>
									<div class="chart" id="fwqdfph"></div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">项目得分对比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="xmdfdb"></div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">分公司项目得分排行</div>
									</div>
									<div class="layui-box-title-right">
										<div class="nav-items" data-target="fgsxmdfph">
											<div class="nav-item selected" data-target="1">前10</div>
											<div class="nav-item" data-target="2">后10</div>
										</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart-navs" data-target="fgsxmdfph" style="top: -10px;">
										<div class="chart-nav" data-type = "0"><span>开水间</span></div>
										<div class="chart-nav" data-type = "1"><span class="selected">停车</sapn></div>
										<div class="chart-nav" data-type = "2"><span>服务态度</span></div>
										<div class="chart-nav" data-type = "3"><span>卫生间</span></div>
										<div class="chart-nav" data-type = "4"><span>广区环境</span></div>
									</div>
									<div class="chart" id="fgsxmdfph"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/年度评价项目得分.js" ></script>
		<script type="text/javascript" src="js/综合评分年度对比.js" ></script>
		<script type="text/javascript" src="js/服务区得分排行.js"></script>
		<script type="text/javascript" src="js/分公司项目得分排行.js"></script>
		<script type="text/javascript" src="js/项目得分对比.js"></script>
	</body>
</html>
